
.col-f{color:#fff !important;}
.content ul:nth-child(4) .bor-b-0{border-bottom:0 !important;}

/*顶部*/
#content{}
#content>ul{background:#fff;padding:25px 11px;}
#content>ul>li.head-prortrait{width:60px;height:60px;border-radius:50%;overflow:hidden;background:#e9e9e9;text-align:center;line-height:46px; background:url(../../img/u405.png) no-repeat center #e9e9e9;background-size:27px 29px;}
#content>ul>li.head-prortrait img{width:100%;height:100%;}
#content>ul>li.prompt p{top:4px;left:11px;}
#content>ul>li.prompt p+p{top:2px;/*font-size:1.8em;*/color:#d13600;}
#content>ul>li.prompt p+p span{color:#999;} 
#content>ul>li.open-member{right:0;top:50%;margin-top:-21px;font-size:12px;padding:0 11px;background:#d13600;color:#fff;border-bottom-left-radius:15px;border-top-left-radius:15px;}
#content>ul>li.prompt img{width:14px;height:14px;background:#f34345;margin:0 3px 0 0;position:relative;top:0;}
#content>ul>li.prompt img.img-bg-none{background:none;}
#content>ul>li.prompt .v-num{right:3.5px;font-size:5px;color:#fff;top:-1px;}
#content>ul>li.prompt p:first-child{top:4px; left:11px; width:40%;text-overflow:ellipsis; overflow: hidden;white-space: nowrap;margin:3px 0 0;}
#content>ul>li.flo-no{float:none;}


h2{border-bottom:1px solid #f2f2f2; font-size:/*2.2em*/16px;padding:6px 0 0 11px;line-height:44px;border-top:10px solid #f4f5f5;}
#content .privilege-wrap .distinct div{padding:0 0 0 52px;}
#content .privilege-wrap .distinct p.icon-prize{font-size:/*2.8em*/20px;font-weight:bold;color:#c2a26c; background:#fbf7ee;width:30px;height:30px;text-align:center;line-height:30px;left:11px;top:22px;}
#content .privilege-wrap .distinct p.prize-name{line-height:10px;margin:23px 0 8px;display:inline-block;}
#content .privilege-wrap .distinct p.prize-explain{line-height:16px;/*font-size:1.8em;*/padding:0 15px 19px 0;color:#999;border-bottom:1px solid #f2f2f2;}
/*当前会员特权下边的颜色*/
#content .privilege-wrap .distinct.current p.icon-prize{color:#9ca1ad;background:#f1f2f6;}
/*代理升级需要的券   voucher  */
#content .voucher{padding:0 10px 7px 11px;}
#content .voucher li{padding:0 9px 0 0;}
#content .voucher li:first-child{border-top:1px solid #f2f2f2;color:#666;/*font-size:1.8em;*/margin:0 -10px 5px 0;padding:10px 9px 0 0;}
#content .voucher .proportion{padding-right:10px;}
#content .voucher .proportion .progress-bar,#content .voucher .proportion .progress-bar-2{height:3px;top:50%;margin-top:-1.5px;}
#content .voucher .proportion .progress-bar{background:#f34345;width:58%;left:0; z-index:99;max-width: 99.5% !important;}
#content .voucher .proportion .progress-bar-2{background:#f3b1b1;width:100%;left:0;}
#content .voucher .proportion .dot,#content .voucher .proportion .dot-2{width:4px;height:4px;border-radius:50%;border:2px solid #f34345;background:#fff;top:50%;margin-top:-3px;}
#content .voucher .proportion .progress-bar .dot{right:0;}
#content .voucher .proportion .dot-2{left:89%;}
#content .voucher .agent{font-size:/*1.4em*/12px;color:#f34345;padding-left:10px;}
#content .voucher.voucher2{padding-bottom:18px;}
#content .voucher.voucher2 .proportion{padding:0;}
/*#content .voucher.voucher2 .proportion .progress-bar .dot{right:0;}*/



/*充值优惠/总代理进阶*/
#content .inner{border-top:10px solid #f2f2f2;}
#content .recharge{padding:15px 11px 9px;}
#content .recharge p.inner-1{color:#c2a26c;width:30px;height:30px;line-height:30px;background:#fbf7ee;text-align:center;font-weight:bold;font-size:/*2.8em*/20px;}
#content .recharge p.inner-2{padding: 5px 0 0 10px;}
#content .recharge p.inner-3{color:#f34345;padding:2px 0 0;/*font-size:1.8em;*/}
#content .recharge p.inner-3 span{display:inline-block;margin:0 0 0 6px;color:#bcbcbc;/*font-size:2em;*/}
/*总代理进阶*/
#content .recharge p.inner-2.distance ,#content .recharge p.inner-3.distance{padding:0 !important;}
#content .recharge p.inner-3.distance{color:#999;/* font-size:1.8em; */}
#content .recharge.inner{border-bottom:1px solid #f2f2f2;}
/*总代理进阶*/
#content .data-plate{padding:17px 0 0 11px;}
#content .data-plate li{padding-bottom:19px;border-bottom:1px solid #f2f2f2;}
#content .data-plate li.two{padding-top:19px;}
#content .data-plate li p{padding:0 0 0 0;width:100%;}
#content .data-plate li .wid-50{width:50%; }
#content .data-plate li p.bor-r{padding:0;}
#content .data-plate li p span{display:block;} 
#content .data-plate li p span.top{/* font-size:1.8em; */ color:#666;}
#content .data-plate li p span.bottom{color:#666;/* font-size:2em; */}
#content .data-plate li p span.bottom.col{color:#f34345;}
#content .data-plate li p span.mar-l{margin-left:19px;}
h4{padding:3px 0 0; line-height:37px;color:#999;font-size:1.8em;}
#content .data-plate li:first-child>.wid-50:first-child{width:calc(50% - 2px);border-right:1px solid #f2f2f2;}
#content .data-plate li:first-child>.wid-50:first-child span{margin-left:0;}
#content .data-plate h4{padding:10px 0 0;font-size:14px;line-height:17px;}
#content .data-plate h4+h4{padding:3px 0 10px;}
#content .data-plate li.one_1:first-child>div{border-right:0 !important;}



.btn-open{position:fixed;bottom:0;right:0;left:0;line-height:50px;font-size:16px;background:#d13600;color:#fff;text-align:center;max-width: 600px;margin: 0 auto;}
.btn-open img{width:18px;height:16px;position:relative;top:-2px;right:7px;}



/*generalUprade CSS*/
.content ul{background:#fff;}
.content ul>li.leftArea {font-size:2.8em;background:#fff;z-index:1;}
.content ul>li.leftArea p{width:40px;height:40px;line-height:40px; background:#fff;color:#fff;border-radius:5px;text-align:center;margin:10px 13px 11px 11px;}
.content ul>li.rightarea{top:8px;padding:0 0 5px;border-bottom:1px solid #f2f2f2;} 
.content ul>li.rightarea>span{display:block;}
.content ul>li.rightarea span.bottom{/*font-size:1.8em;*/color:#999;margin-top:-1px;}
.content ul>li.rightarea p{right:10px;top:50%;color:#d13600;margin-top:-12px;font-weight:400;}
.content ul>li.rightarea .arrow{color:#999;/*font-size:3em;*/display:inline-block;margin:0 0 0 3px;top:-1px;font-weight:100;}

.content .inequable-bor li.rightarea{border:0;}
.content ul:LAST-CHILD{border-top:16px solid #f4f5f5;}

.col-have{background:#ccc !important; }
.col-have-rightArea{color:#ccc !important;}




/*advanced_detail CSS*/
   .thick{height:11px; background:#f4f5f5;}
.man{width:100%;height:100%;border-radius:50%;}

    /* 开通付费会员部分间距 */
    .top-personal{background:#444852;}
/* 名字颜色与大小写 */
    .black{color:#fff; text-transform:none; width:100%;}
    .black span{display:block; margin-top:8px; color:#fff;text-align:center;}
    .black span.name{/* font-size:2.2em; */ letter-spacing: 2px;}
	.black span.grade{margin-top:3px;color:#ccc; /* font-size:1.8em; */}
    .black span.grade img{width:17px;}
    .black span.num-v{display:inline-block;}
    .black span.num-v>span{top: -3px;right: 9px; font-size: 9px;color: #f34345;}
    
    
/* 开通付费会员 */
    .top-personal .rightArea{padding:7px 12px; background:#f34345; color:#fff; border-top-left-radius:15px;border-bottom-left-radius:15px; font-size:1.6em;}
/* 头像颜色  */
    .portrait{background:#e9e9e9;width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;margin:0 auto;background:url(../../img/u405.png) no-repeat center #e9e9e9;}
    .top-personal button{padding:0; background:#fff; color:#f34345;}
    .top-personal{padding:25px 0 33px;}

/*总代理特权*/
    .privilege{text-align:center;margin:10px 0;position:relative;/* font-size:2em; */border:0;}
    .privilege:before,.privilege:after{content:"";display:block;height:1px;width:21%; background:#ccc;position:absolute;top:50%;}
    .privilege:before{left:7%;}
    .privilege:after{right:7%;}
    
/*如何成为总代理  规则说明*/
    .privilege.title-2,.privilege.title-2{}
    .privilege.title-2:before,.privilege.title-2:before{left:7%;}
    .privilege.title-2:after,.privilege.title-2:after{right:7%;}
    
/* 数据显示 */
    .data{margin:-1px 0 14px 0; padding:0 14px;}
    .data .have{/* font-size:2em; */ color:#666;margin:0 0 12px;}
    .data .data-1{color:#de3310;/* font-size:3.4em; */ background-color:transparent;}
    .data .data-1 li+li{color:#f34345;}
    .data .data-1 span{/* font-size:1.6em; */}
    .data .data-1 li+li span{color:#f34345;}

    .data .data-2{position: relative;z-index:1; margin-top:-12px; background-color:transparent;}
    .data .data-2 {position:relative;min-height:46px; margin:0 8px 0px 0;}
    .data .data-2 div.data-2-1,.data .data-2 div.data-2-2,.data .data-2 div.data-2-3{height:10px;}
    .data .data-2 div.data-2-1,.data .data-2 div.data-2-2{border-top-left-radius:5px;border-bottom-left-radius:5px;}
    .data .data-2 div.data-2-1{background:#ecebeb;width:100%;position:absolute;top:0;left:0;max-width:100%;}
    .data .data-2 div.data-2-2{background:#de3310;width:35%;display:inline-block;}
    .data .data-2 div.data-2-3{background:#e2cca1;width:50%;border-top-right-radius:5px;border-bottom-right-radius:5px;position:absolute;right:0;top:0;}
    .data .data-2 div.data-2-4{position:absolute;left:0;right:0;text-align:center;font-size:2em; color:#cacaca; top:-10px;}
    .data .data-2 div.data-2-4{position:absolute;left:0;right:0;text-align:center;top:-13px;width:32px;height:32px;line-height:32px;margin:0 auto;border:2px solid #e2cca1; border-radius:50%;background:#fff;}
    .data .data-2 div.data-2-4 img { width: 20px; height: 22px; margin:5px 0 0;} 
    .data .data-2 div.data-2-5{float:none;/*  font-size:1.6em; */ color:#999; text-align:center; top:25px;left:0;right:0; }
    .data .data-2 .data-2-2-wrap{top:0;left:0;height:10px;}
    
    .data .data-2.master div.data-2-1{width:50%;max-width:100%;}
    
    .data .data-2.master div.data-2-2{width:29%;max-width:100%;}
    
    .data .data-2.data-3 div.data-2-2{width:15%;max-width:100%;}
    
    .data .data-2.data-4 div.data-2-2{width:33%;max-width:100%;}
    
    .data .data-2.data-5 div.data-2-2{width:25%;max-width:100%;}
    
    .data .data-2.data-6 div.data-2-2{width:27%;max-width:100%;}
    
    .explain{color:#999; /* font-size:1.8em; */ line-height:1.6em; padding-top:8px; padding:0 18px 10px;}
   
   @media screen and (max-width: 320px){
   .content ul>li.leftArea p{
	    width: 35px;
	    margin: 10px 6px 11px 6px;
   }
   }
